import { NavBar, List, Image, Button } from 'antd-mobile';
// import { CopyOutlined, QrcodeOutlined, ProfileOutlined, SettingOutlined } from '@ant-design/icons';
import { useHistory } from 'react-router-dom';

import './style.scss';

export default function() {
  const history = useHistory();

  return (<div className="modifyMyInfoPage">
    <NavBar onBack={() => history.goBack()} style={{ background: '#fff', border: 'none' }}>个人信息</NavBar>
    <List style={{ margin: '12px 0 20px'}}>
      <List.Item extra="林育" onClick={() => {}}>
        名称
      </List.Item>
      <List.Item onClick={() => {}}>
        我的二维码
      </List.Item>
      <List.Item onClick={() => {}}>
        个性签名
      </List.Item>
    </List>
  </div>)
}